import React, { useState } from 'react'

export default function App() {
  // 作用：提供状态和修改状态的方法
  // 参数：代表默认值
  // 返回值：数组[初始数据，修改数据的方法]
  // const [count, setCount] = useState(0)
  console.log(1)
  // 经过大量计算得到的，建议用函数的写法
  const [count, setCount] = useState(() => {
    // !这里的代码只会执行一次
    console.log(2)
    let sum = 0
    for (let i = 0; i < 10000; i++) {
      sum += i
    }
    return sum
  })

  // !可以提取方法
  const handleClick = () => {
    setCount(count + 1)
  }
  return (
    <div>
      <h2>计数器：{count}</h2>
      <button onClick={handleClick}>+1</button>
    </div>
  )
}
